/* DEFAULTS
----------------------------------------------------------*/
*{margin: 0; padding: 0;font-family: Arial, Tahoma;}
html, body {
    margin: 0;
    padding: 0;
    background: #e4e5e7 url('../images/background.jpg') repeat-x 0 0;
    color: #000;
    z-index: 0;
    font-size: 13px;
    font-family: Arial, Tahoma;
}

div, p, form, h1, h2, h3, h4, h5, ul, li, dl, dt, dd, blockquote {
    margin: 0;
    padding: 0; 
}

a {
    text-decoration: none;
    color: #002b54;
}

a:hover {
    text-decoration: underline;
}

a.skip {
    display: none;
}

a img {
    border: none;
}

a:active,
input {
    outline: none;
    font-size: 1em;
}

.required{color: #FF0000;}

.left {
    float: left;
    
}

.right {
    float: right;
}

.hide { display: none;}

div.error {width: 100%;height: 250px;border: 1px solid #eee;background: url('../images/error.jpg') no-repeat;margin: 0 auto;}
div.error p {color: red; float: right;font-size: 14pt; margin-left: 221px; padding: 86px 16px; text-align: justify;}

div.success {width: 100%;height: 250px;border: 1px solid #eee; background: url('../images/Success.png') no-repeat;margin: 0 auto;}
div.success p {color: blue; float: right;font-size: 14pt; margin-left: 221px; padding: 86px 16px; text-align: justify;}


fieldset{ margin: 1em 0px;padding: 1em; border: 1px solid #ccc;}

fieldset p {margin: 2px 12px 10px 10px;}

fieldset.login label, fieldset.register label, fieldset.changePassword label{display: block;}

fieldset label.inline {display: inline;}

legend {font-size: 1.1em; font-weight: 600;padding: 2px 4px 8px 4px;}

input[type="button"], input[type="submit"], input[type="reset"] { color: #464646; border: 1px;font-size: 13px;font-family: Tahoma, Helvetica, sans-serif; height: 26px !important;line-height: 5px;margin: 2px; padding: 4px 8px;background: #EEE url("../image/white-grad-active.png") repeat-x top left;border-style: outset; border-color: #CCC;}
input[type="text"], input[type="password"], input[type="file"], textarea { padding: 4px 5px; line-height: 1em; font-family: Arial; font-size: 13px; border: inset 1px #CCC;}
select.cboEntry {padding: 4px 5px; line-height: 1em; font-family: Arial; font-size: 13px; border: inset 1px #CCC; width:212px;}
div.accountInfo{ width: 99%; margin: 0 auto;}
.clear { clear: both;  float: none;}
ul.listing, ul.horizontal {float: left; list-style: none;}
ul.horizontal li {float: left;}

p.submitButton {}
/*-----------End reset-------------*/
/* PRIMARY LAYOUT ELEMENTS   */

#wrappage { width: 1000px; margin: 0 auto;}
#header
{
    margin: 0 auto;width: 1000px; background-color: #ffffff;
}
#header .banner {height: 100px;width: 100%;background: #ffffff;}
#header .banner .title {float: left; margin: 10px;border: none; outline: none;background: url('../images/logo.png') no-repeat;width: 384px !important;}
#header .banner .title a {text-indent: -7500px; display: block; height: 80px;}

#header .banner .loginDisplay {float: right; width: 580px;}
#header .banner .loginDisplay p.loginlink {float: right; padding: 10px 10px 0px 0px;}
#header .primary {width: 1000px; background: #002B54 url('../images/bg_navigation.gif') repeat-x 0 0;}
.primary ul.horizontal {
    float: right;
    list-style: none;
}


.primary ul.horizontal li{padding: 0 0 0 2px;background: url('../images/bg_navigation_divider.gif') no-repeat 0 0;}
ul#mainnav li > a#active { text-decoration: none; background: #5686b2 url('../images/bg_navigation_hover.gif') no-repeat right 0; color: #ffffff;}
.primary li a { display: block; padding: 0 10px 0 0;text-transform: uppercase;color: #ffffff;}

.primary li a span {display: block;padding: 12px 0 10px 10px;color: #ffffff;}

.primary li a:hover,
.primary li a:hover span,
.primary li.current a,
.primary li.current a span { text-decoration: none;background: #5686b2 url('../images/bg_navigation_hover.gif') no-repeat right 0;color: #ffffff;}

.primary li a:hover span,
.primary li.current a span {background-position: 0 0;color: #ffffff;}
.left {float: left;}

/*End menu*/
#container {width: 980px; margin: 0 auto; padding: 10px;background: #ffffff; min-height: 400px;}

/*-----Sidebar left-----*/
.sidebar {width: 222px;}

.sidebar .block,
.sidebar .block .cap,
.sidebar .block .copy,
.sidebar .block .title {float: left; width: 222px;background-image: url('../images/bg_background_sprite.gif');background-repeat: no-repeat; background-position: 0 0;}

.sidebar .block { background-position: -666px 0; background-repeat: repeat-y; margin-bottom: 10px;}



.sidebar .block a { display: block; color: #002b54; padding-left: 12px; background: url('../images/bg_arrow.gif') no-repeat 0 0.2em;   }

.sidebar .block li { border-bottom: 1px solid #e5e5e6; width: 202px; padding: 5px 0;}
.sidebar .block li > a#active { color: Red;}

.sidebar .block li.last { border-bottom: none; padding-bottom: 0;}

.sidebar .block .title {display: block; background-position: 0 0;width: 202px;padding: 10px 10px 6px;background-color: #e5e5e6; color: #002b54;text-transform: uppercase;font-size: 1.1em;} 


.sidebar .block .copy {width: 202px; padding: 10px 10px 0; background-position: -888px 0;} 

.sidebar .navigation .copy { padding: 5px 10px 0;background-position: -222px 0;} 
.sidebar .navigation .copy td.tdsearch{padding: 3px;}
.sidebar .block .cap {height: 10px;background-position: -444px -30px;}

.sidebar .block .quick-links {width: 145px;margin-right: 10px;}
.sidebar select.textsearch, .sidebar .textsearch{width: 130px;float: left;padding: 3px 0px;}
/*-----End sidebar----------*/
.content-right{margin: 0 auto;width: 744px;height: auto;min-height: 500px;}
/*-------------Slideshow----------*/

#homeWrapper {margin: 0 auto; color: #dedede;background: #161a1f;margin-bottom: 10px;}

#imageSlider {position: relative; width: 744px;}
ul.slides {position: absolute;top: 0px; left: 0px;}
div.slideshow { height: 244px;position: relative;cursor: pointer;overflow: hidden;background: #e7e7e7 url('../images/container_bg.jpg') repeat-x bottom left;}
ul.slides li {position: absolute; top: -8px;width: 744px;display: none;}

ul.slides li img {display: block !important;width: 744px; height: 219px;background: #d9d9d9;}

ul.slides p { opacity: .5;color: white; padding: 15px; margin-left: 6px;  width: 670px; position: absolute; bottom: 13px;z-index: 1000;background: black;}
ul.pagination {position: absolute;bottom: 10px; left: 323px;}

ul.pagination li {display: inline;padding: 12px;}

ul.pagination li a { background: url('../images/silde-nav.png') no-repeat; height: 14px; width: 14px; float: left; margin: 0 10px 0 0;color:}
ul.pagination li a { background-position: 0 0;}
ul.pagination li.active a { background-position: 0 -14px;}
/*END SLIDESHOW SETTING*/

.content div.breadcrumbs {border: 1px dashed #BDBDBD; width: 99%;  height: 25px;margin: 0 auto;}
.productview { width: 744px;height: 100%;  float: right;}

.productview div.title {height: 45px; width: 744px;    }
.productview div.title div.lefttitle{ float: left; width: 29px; height: 45px; background: url('../images/title-left.gif') no-repeat;}
.productview div.title div.midtitle{ float: left; height: 45px; width: 686px;  background: url('../images/title-middle.gif') repeat-x top left;}
.productview div.title div.midtitle span { line-height: 34px; color: #002B54; text-transform: uppercase;font-weight: bold; font-size: 1.1em;}
.productview div.title div.righttitle{float: left; width: 29px;height: 45px; background: url('../images/title-right.gif') no-repeat;}
.productview div.copy { margin-top: -21px; border-top: none; border-bottom: 1px solid #E5E5E6; border-right: 1px solid #E5E5E6; border-left: 1px solid #E5E5E6; min-height: 500px;}
.sliderwrapper { border:1px solid #E5E5E6;position: relative;  overflow: hidden; background: white;}

.sliderwrapper .contentdiv{ background: white;  height: 100%;  opacity: 1;width: 100%;	float: left;margin: 5px 0;}
.glidercol { position: relative;float: left; width: 183px;    }
.divider {background: transparent url('../images/line-ri.jpg') no-repeat right center;float: left;width: 1px;height: 200px;}

.glidercol ul { margin: 0; padding: 0; display: block;}

.glidercol ul li {list-style: none; padding: 2px;text-align: center;}
.glidercol ul li img{ width: 170px;height: 195px;}
.namepro {  font-weight: bold;}
.Pricenew { font: bold 12px Arial;color: #b7010d; text-decoration: none;}


/* ---------------------- */
.tbl-bookview {width: 95%;margin: 0 auto;}
.tbl-bookview tr th{background-color: #002B54;color: #fff;}
.tbl-bookview tr:hover{background-color: #e0e0e0;}
.tbl-bookview tr th, .tbl-bookview tr td {padding: 3px;}

/*-----------Pagination------------*/
.phantrang { width: 100%; margin: 20px auto; clear: both;text-align: center;list-style:none;}
.phantrang li{display: inline; padding: 5px 10px;}

/*-------------Table-----------*/

.adduser{width: 95%; margin: 15px auto;height: auto;}
.adduser tr td{ padding: 10px 5px;}
.adduser tr td label{ float: right; font-size: 14px;}
.adduser tr td .textEntry, .adduser tr td .PasswordEntry {width: 200px;}
#container #tbllist {border: 1px solid blue;}
#container #tbllist img.imgpro {width: 75px;height: 70px;}
#container .tbluser tr.trheader{background: #002B54 url('../images/bg_navigation.gif') repeat-x 0 0;font-weight: bold;color: White;}
#container .tbluser td{text-align: center; width: 200px;height: 25px;}

#footer{width: 980px;background: white;padding: 30px 10px 10px;color: #999;}

#footer .navigation {width: 980px;padding: 8px 0;border-top: 1px solid #E5E5E6;border-bottom: 1px solid #E5E5E6;margin-bottom: 10px;}
#footer ul li { padding: 0 8px;border-right: 1px solid #E5E5E6;}
#footer ul li.last { padding: 0 0 0 8px; border-right: none;}
#footer a {color: #999;}